<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTTP状态码</title>
    <link rel="stylesheet" href="./flex.css">
</head>
<body>
    <div class="page">
        <div class="page_hd">
            <div class="page_title">Flex</div>
            <div class="page_desc">Flex布局</div>
        </div>
   
    <!-- BEM -->
    <div class="page_bd page_bd_spacing">
        <!-- weui 项目前缀，弹性布局 组件 新一轮的BEM-->
        <div class="weui-flex">
            <div class="weui-flex_item">
                <div class="placeholder">weui</div>
            </div>
        </div>

        <div class="weui-flex">
            <div class="weui-flex_item">
                <div class="placeholder">weui</div>
            </div>
            <div class="weui-flex_item">
                <div class="placeholder">weui</div>
            </div>
        </div>

        <div class="weui-flex">
            <div class="weui-flex_item">
                <div class="placeholder">weui</div>
            </div>
            <div class="weui-flex_item">
                <div class="placeholder">weui</div>
            </div>
            <div class="weui-flex_item">
                <div class="placeholder">weui</div>
            </div>
        </div>
    </div>
    <div class="page_ft">
        <!-- 行内样式 不要这么写 优先级更高 -->
        <a href="javascript:home()" style="color:white;">
            <!-- img 标签 也会发出http请求的 
                127.0.0.1 IP  
                png 属于 微信的
                可以给你用， 
                不给我们用  403 Forbidden 
                保护自己站点的资源， 减少一些无效的请求 
            -->
            <img src="./icon_footer_link.png" alt="">
        </a>
    </div>
    </div>
    
    
</div>
<!-- <script>
// typeof  不靠谱  
// js  函数是一等对象 淘特 
function home() {
    // 通过js 跳转到 /home 页面?
    window.location.href = '/home';
}
console.log(typeof home); // Object 
</script> -->

</body>
</html>